
.brank_nav{ 
    height:42px; 
    label{
         display:inline-block; 
         line-height:42px; 
         cursor:pointer; 
         font-size:18px;
         padding: 0 5px;
         color: #c40000;
         &:hover{
           border-bottom:2px solid #c40000; color:#c40000; font-weight:bold 
         }
     }
    span{
        float: right;
        line-height: 42px;
        display: inline-block;
        vertical-align: top;
        background: url(../img/change_icon.png) no-repeat right;
        padding-right: 25px;
        cursor: pointer;
    }
}


.line_translate{
	position: relative;
    height: 1px;
    line-height: 0;
    font-size: 0;
    background-color: #d1d1d1;
    i{
        -webkit-transition: all 8s ease-in-out;
        -moz-transition: all 8s ease-in-out;
        -o-transition: all 8s ease-in-out;
        transition: all 8s ease-in-out;
        width: 365px;
        height: 5px;
        overflow: hidden;
        position: absolute;
        right: 100%;
        bottom: -2px;
        background: #b72323;
        background: url(http://misc.360buyimg.com/product/home/1.0.0/css/i/homebg.png) no-repeat 0 -124px;
        cursor: pointer;
        display: none; 
    }
    &:hover i{
      display: block;
      transform: translate(330%);  
    }

}




/*广告翻动*/
.article img{ width:100%;}
.brank_tg1{ height:300px; margin-bottom:10px; clear: both;}
.brank_tg1 .article{height: 300px; overflow:hidden; margin-bottom: 10px;}
.owl-theme .owl-controls{ margin-top:-30px;}
.owl-theme .owl-dots .owl-dot span{ background:#fff; width:30px}



.floor_0{
    margin-top: 15px;
    ul{
        width: 1250px;
        .list_li{
            float: left;
            width: 226px;
            height: 340px;
            box-shadow: 0 0 4px #ddd;
            overflow: hidden;
            margin: 0 17.5px 18px 0; 
            label.img_{
                display: block;
                height: 180px;
                overflow: hidden;
                cursor: pointer;
                img{
                    height: 100%;
                    transition: all 0.4s ease 0.1s;
                    -moz-transition: all 0.4s ease 0.1s;  
                    -webkit-transition: all 0.4s ease 0.1s;  
                    -o-transition: all 0.4s ease 0.1s;
                    &:hover{
                        height: 108%;
                        transform:rotate(360deg);  
                        
                    }
                }

            }
            .z_title{
                    height: 40px;
                    padding: 5px;
                    font-weight: bold;
                    line-height: 20px;
                }
            .z_lump{
                    
                    border-bottom: 1px solid #f2f2f2;
                    .Z_lump_min{
                          height: 8px; 
                          background: #f2f2f2;
                          margin: 5px;
                          border-radius: 5px;
                          a{
                            display: block;
                            background: #c40000;
                            height: 8px;
                             border-radius: 5px;
                          }
                    }
                    p{
                        padding: 5px;
                        height: 20px;
                        label{
                            color: #aaa;
                            padding-right: 5px;
                        }
                        span{
                            float: right;
                        }
                    }
                  


                }
            .z_assist{
                    height: 30px;
                    line-height: 30px;
                    padding: 0 5px;
                }
        }
        
    }
   
}

.floor_1{
    margin-top: 15px;
    
    .floor_1_l{
        width: 853px;
        float: left;
        ul{
            li{
                
                background: #f2f2f2;
                margin:0 0 13px;
                
                padding: 5px;
                .img_{
                    display: inline-block;
                    width: 420px;
                    height: 230px;
                    background: #ccc;
                    overflow: hidden;
                    img{
                        width: 100%;
                    }
                }
                .function_{
                    display: inline-block;
                    vertical-align: top;
                    width: 418px;
                    float: right;
                    .z_title{
                            height: 110px;
                            padding: 5px;
                            font-weight: bold;
                            line-height: 20px;
                        }
                    .z_lump{
                            
                            //border-bottom: 1px dotted #d3d3d3;
                            .Z_lump_min{
                                  height: 8px; 
                                  background: #d3d3d3;
                                  margin: 5px;
                                  border-radius: 5px;
                                  a{
                                    display: block;
                                    background: #c40000;
                                    height: 8px;
                                    border-radius: 5px;
                                  }
                            }
                            p{
                                padding: 5px;
                                height: 20px;
                                label{
                                    color: #aaa;
                                    padding-right: 5px;
                                }
                                span{
                                    float: right;
                                }
                            }
                          


                        }
                    .z_assist{
                            height: 35px;
                            line-height: 35px;
                            padding: 0 5px;
                        }
                }
            }
        }
    }
    .floor_1_r{
        width: 330px;
        float: right;
        .commend_panel{
            height: 580px;
            overflow: hidden;
            box-shadow: 0 0 2px #d3d3d3;
            ul{
                li{
                    margin:0 10px;
                    padding: 10px 0;
                    border-bottom: 1px dotted #d3d3d3;
                    // &:last-child{
                    //     border-bottom:none;
                    // }
                    .li_l{
                        display: inline-block;
                        vertical-align: top;
                        width: 65px;
                        .img_{
                            width: 50px;
                            height: 50px;
                            border-radius: 50px;
                            background: #d3d3d3;
                            transition: all 1s ease;
                            -moz-transition: all 1s ease;  
                            -webkit-transition: all 1s ease;  
                            -o-transition: all 1s ease;
                            cursor: pointer;

                            &:hover{
                                box-shadow: 0 0 8px #d3d3d3;
                                transform:rotate(360deg);  
                            }
                        }
                    }
                    .li_r{
                        display: inline-block;
                        vertical-align: top;
                        width: 245px;
                        
                        .li_r_header{
                            
                            label{
                                font-weight: bold;
                            }
                            
                            span{
                                float: right;
                                color: #aaa;
                            }
                        }
                         .li_r_body{
                            min-height: 100px;
                            line-height: 22px;
                            
                         }
                          .li_r_footer{

                          }
                    }
                    
                }
            }
        }
        .tg{
            margin-top: 10px;
            height: 220px;
            background: #f2f2f2;
        }
    }
}
.floor_2{
    min-height: 300px;

}
